<template>
    <el-container>
        <el-header >

            <el-form :inline="true" :model="formInline" class="demo-form-inline" size="mini">
                <el-form-item label="单位名称" >
                    <el-input v-model="formInline.user" placeholder="请输入单位名称"></el-input>
                </el-form-item>
                <el-form-item label="登录账号">
                    <el-input v-model="formInline.user" placeholder="登录账号"></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="onSubmit">搜索</el-button>
                    <el-button type="primary" @click="onSubmit">清除</el-button>
                </el-form-item>
                <el-form >

                </el-form>
            </el-form>
        </el-header>

        <el-main>
            <el-button type="primary" size="mini">＋新增</el-button>
            <div  style="text-align: right">
                <el-button size="mini" type="primary" icon="el-icon-download" circle></el-button>
                <el-button size="mini" type="primary" icon="el-icon-refresh" circle></el-button>
                <el-button size="mini" type="primary" icon="el-icon-s-operation" circle></el-button>
                <el-button size="mini" type="primary" icon="el-icon-search" circle></el-button>
            </div>
            <el-table
                    :data="tableData"
                    :header-cell-style="{
                                color: '#fff',
                        background: '#0a3370',
                        fontWeight: '700',
                        }"
                    style="width: 100%;background: #09D1F0">
                <el-table-column
                        prop="date"
                        label="日期"
                        width="180">
                </el-table-column>
                <el-table-column
                        prop="name"
                        label="姓名"
                        width="180">
                </el-table-column>
                <el-table-column
                        prop="address"
                        label="地址">
                </el-table-column>
            </el-table>




        </el-main>
        <el-footer>
            <el-pagination
                    background
                    layout="prev, pager, next"
                    :total="1000">
            </el-pagination>
        </el-footer>
    </el-container>
</template>

<script>
    export default {

        methods: {
            onSubmit() {
                console.log('submit!');
            }
        }
    }
</script>

<style>
    .el-header {
        background: #242E66;
        text-align: left;
        line-height: 30%;
    }

</style>